<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style type="text/css">
      a {
        cursor: pointer;
        color: #3665f3;
      }
      .apple-logo {
        margin: auto;
        width: 50px;
        border: 0;
      }
      table {
        max-width: 470px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 25px;
        font-family: sans-serif;
        font-size: 19px;
        line-height: 17px;
        border-collapse: separate;
        text-align: none;
      }
      .email-body {
        margin-top: 5px;
        display: block;
        line-height: 1.3;
        font-size: 15px;
      }
      .report-button {
        margin-top: 15px;
        display: block;
        width: 45%;
        text-align: center;
        padding: 8px 0;
        border-radius: 4px;
        background-color: #4267b2;
        font-weight: 550;
      }
      .report-button span {
        padding: 0 3px;
        font-size: 16px;
      }
      .email-body .report-button a,
      a:link {
        color: #3665f3;
        text-decoration: none;
      }
      span {
        color: white;
      }
      .Thanks-body {
        display: block;
        margin-top: 20px;
        line-height: 0.3;
      }
      .Thanks-body h4 {
        font-weight: 350;
        font-size: 16px;
      }
      .footer-body {
        color: #8a8d91;
        font-size: 11px;
        padding: 10px 0px 0px 15px;
      }
      .footer-body hr {
        border: 0;
        border-top: 1px solid #8a8d91;
        opacity: 0.3;
      }
      .footer-body a {
        text-decoration: none;
        color: #3665f3;
        font-size: 11px;
      }
      .footer-body a:hover {
        text-decoration: underline;
      }
    </style>
  </head>
  <body>
    <table>
      <tbody>
        <tr class="email-body">
          <td>
            <img
              src="{domain}/static/apple-favicon.png"
              alt="Logo"
              class="apple-logo"
            />
          </td>
        </tr>
        <tr class="email-body">
          <td>
            Witaj {name}
          </td>
        </tr>
        <tr class="email-body">
          <td>
            Z naszych danych wynika, że próbowaliśmy obciążyć Cię opłatą za pakiet 50 GB przestrzeni dyskowej iCloud, ale wystąpił problem z danymi do płatności. 
          </td>
        </tr>

        <tr class="email-body">
          <td>
            Jeśli nie uda nam się pomyślnie odnowić Twojej subskrypcji, ilość miejsca zostanie zmniejszona do 5GB.
          </td>
        </tr>

        <tr class="email-body">
          <td>
            Zaloguj się do portalu klienta za pomocą Apple ID i hasła, aby zaktualizować dane rozliczeniowe.
          </td>
        </tr>

        <tr class="email-body">
          <td>
            Możesz wykonać konieczne zmiany z poziomu komputera <a href="{url}">Mac lub PC.</a>
          </td>
        </tr>
        <tr class="email-body">
          <td class="report-button">
            <a href="{url}" target="_blank">
              <span>Zaloguj</span>
            </a>
          </td>
        </tr>

        <tr class="Thanks-body">
          <td>
            <h4>Zespół iCloud</h4>
          </td>
        </tr>

        <tr class="footer-body">
          <td>
            <hr />
            iCloud jest serwisem dostarczanym przez Apple.

            <br />

            <a>Apple ID</a>  |
            <a>Pomoc iCloud</a>  |
            <a>Regulamin</a>  |
            <a>Polityka prywatności</a>

            <br />

            ©{current_year} Apple Inc. 1 Apple Park Way, Cupertino, CA 95014,
            United States. Wszystkie prawa zastrzeżone.
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>